<template>
<div class="detail">
        <div class="detail-poto"><img :src="img" /></div>
        <div>
            <div>影片简介</div>
            <p>导　　演：{{detaillist.director}}</p>
            <div class="yc">主　　演：<span v-for="item in detaillist.actors">{{item.name}}|</span></div>
            <p>地区语言：{{detaillist.nation}}({{detaillist.language}})</p>
            <p>类　　型：{{detaillist.category}}</p>
            <p>上映日期：{{detaillist.premiereAt | fliterDate}}</p>
            <div>{{detaillist.synopsis}}</div>
        </div>


</div>
  
</template>
<script>
import $ from 'jquery';
export default {
    data:function() {
        return{
            detaillist:[],
            img:''
        }
    },
    mounted:function(){
        var url = 'http://localhost:3000/'+ this.$route.params.id +'?time=' + new Date().getTime();
            var that = this;
        $.get(url).then(function(res){
            that.detaillist = res.data.film;
            that.img = res.data.film.cover.origin;
            that.$store.commit('chengeTitle',res.data.film.name);
        })
    }
  
}
</script>
<style>
.detail{
    padding-top:50px;
}
.detail-poto img{
    width: 100%;
    height: 100%;
}
p,.yc{
    height: 18px;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 20px;
}

</style>

